
/* CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;-webkit-text-size-adjust: none;vertical-align: baseline;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
abbr,acronym { border:0; } 
textarea, input{resize: none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}

.ie6{background-image:url(about:blank);background-attachment:fixed}
/* Public */
.block .content a {cursor:pointer;}
body{font-size:14px;color:#503e2c;background-color:#d7d7d7;}
.content-block{width:1080px;margin:0 auto;padding:0 10px 0 10px; position:relative}

a, a:link, a:visited {
	color:#009AD9;
	text-decoration:none
}
a:active, a:hover {
	color:#24BBFF
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
textarea, input[type=text], input[type=email], input[type=password] {border:1px solid #daceb7;box-shadow:0 2px 1px rgba(0,0,0,.05) inset, 0 1px 0 rgba(255,255,255,1);border-radius:4px; -webkit-appearance:none;line-height:100%;}
textarea:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {outline:none; border:1px solid #996633;box-shadow:0 0 4px rgba(153,102,51,0.6);}


#new_box {
		box-shadow: 0 0 10px 0 #222222;
		-moz-border-radius: 10px;      /* Gecko browsers */
		-webkit-border-radius: 10px;   /* Webkit browsers */
		border-radius:10px;
}


/* baidushare	*/
.sharebox {
display: none;
padding: 10px 10px 10px 10px;
width: 174px;
height: 75px;
position: absolute;
left: -102px;
top: -84px;
z-index:2;
}
#bdshare {
height: 55px;
padding: 5px 5px 0 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 3px;
background: white;
border: 1px solid #A78B6F;
}
.main #bdshare a {
width:auto;border-radius: 0px;line-height:16px;
border: 0;
color: #9E8C7B;
background-color: white;width: 35%;display:inline-block;
_display: inline; 
}
#bdshare span.bds_more, .bds_tools a {
display: block;
font-family: '����',Arial;
height: 16px;
float: left;
cursor: pointer;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 22px;
}

#bdshare .arrow {
width: 9px;
height: 5px;
display: block;
position: absolute;
background: url("img/jiao.gif") no-repeat 0px 0px;
margin: 57px 0 0 115px;
_margin: 32px 0 0 -36px;
}
/* Head */
.searchbar {
display: none;
background: #111;
box-shadow: 0 -1px #333 inset, 0 -2px 8px black inset;
-moz-box-shadow: 0 -1px #333 inset, 0 -2px 8px #000 inset;
-webkit-box-shadow: 0 -1px #333 inset, 0 -2px 8px black inset;
}
.searchbar_wrapper {
width: 720px;
margin: 0 auto;
}
.search_wrapper {
	height:32px;
	width:720px;
	margin:0 auto;
	padding:18px 0
}
.sitebar_search_header {
	display:block;
	float:left;
	width:656px;
	padding:8px 8px 8px 36px;
	font-size:14px;
	color:#999;
	border:none;
	outline:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	box-shadow:0 0 0 1px black, 0 2px #222;
	-moz-box-shadow:0 0 0 1px #000, 0 2px #222;
	-webkit-box-shadow:0 0 0 1px black, 0 2px #222;
	background-position:5px;
	background-color:#EEE;
-webkit-transition:-webkit-box-shadow .2s linear;
-moz-transition:-moz-box-shadow .2s linear
}
.sprite {
background-image: url(img/sprite.png);
background-repeat:no-repeat;
}
.user-nav {
	margin: 10px 0;
	float: left;
}

.lte7 .user-nav .account-wrapper{
	display:inline-block;width:144px;
}
.lte7 .user-nav .ie6button .search-button{
	display:block;
}
.btn-navbar{display:none;}
.menu-bar .content-block{ z-index:2; height:50px;}
.user-nav  li{ float:left}
.user-nav .account-wrapper{-moz-border-radius: 8px;
-webkit-border-radius:8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;}
.user-nav .account-wrapper li a {
	display:inline-block;
	-moz-border-radius: 8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	padding-left: 12px;
	line-height:30px;
	height:30px;
	border: none;
	cursor: pointer;
	font-size: 12px;
	text-shadow: 0 0 0 transparent, 0 1px rgba(29, 29, 29, 0.2);
	position: relative;
	z-index: 1;
	padding: 0 10px;
	text-decoration: none;
	color: #AAA;
}

.user-nav .account-wrapper li {
	background-color: #444;
	border-width: 1px 0;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .2) inset;
	-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .2) inset;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .2) inset;
	display: inline-block;
	float: left;
}
.user-nav .account-wrapper li.l_lo {
-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
min-width: 70px;
}
.user-nav .account-wrapper li.r_lo {
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
-o-border-radius: 0 8px 8px 0;
-ms-border-radius: 0 8px 8px 0;
-khtml-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}
.user-nav .account-wrapper .l_lo a:hover{
	background: #00A5F0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #24BBFF), color-stop(100%, #0471A3));
background-image: -webkit-linear-gradient(#24BBFF, #0471A3);
background-image: -moz-linear-gradient(#24BBFF, #0471A3);
background-image: -o-linear-gradient(#24BBFF, #0471A3);
background-image: linear-gradient(#24BBFF, #0471A3);
-moz-background-clip: padding;
-webkit-background-clip: padding;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
-khtml-background-clip: padding-box;
background-clip: padding-box;
box-shadow: inset 0 1px 0 0 #8DDCFF;
color: white;
text-decoration: none;
-moz-border-radius: 8px 0 0 8px;
-webkit-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
}
.user-nav .account-wrapper .r_lo a:hover{
background: #00A5F0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #24BBFF), color-stop(100%, #0471A3));
background-image: -webkit-linear-gradient(#24BBFF, #0471A3);
background-image: -moz-linear-gradient(#24BBFF, #0471A3);
background-image: -o-linear-gradient(#24BBFF, #0471A3);
background-image: linear-gradient(#24BBFF, #0471A3);
-moz-background-clip: padding;
-webkit-background-clip: padding;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
-khtml-background-clip: padding-box;
background-clip: padding-box;
box-shadow: inset 0 1px 0 0 #8DDCFF;
color: white;
text-decoration: none;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
-o-border-radius: 0 8px 8px 0;
-ms-border-radius: 0 8px 8px 0;
-khtml-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}
.user-nav .search-button {
background-position: 12px -200px;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
width: 20px; height:30px;padding: 0 10px;
background:url(img/searchico.png) center 8px no-repeat;
}
.user-nav .search-button:hover{
background-position: 12px -200px;
overflow: hidden;
text-indent: -9999px;
width: 20px; height:30px;padding: 0 10px;
background:url(img/searchico.png) center -21px no-repeat;
}
.profile-menu {
	margin-top: 2px;
	position: relative;
	z-index:3;
}
.profile-menu a.button-profile {
	color: white;
	line-height: 14px;
	font-weight: bold;
	padding: 5px 15px 5px 10px;
	margin: 0 9px;
	background-color: #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
	text-shadow: 0 -1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;
	border: 1px solid black;
	background-image:url(img/user_down.gif);
	background-position:94px 10px;
	background-repeat: no-repeat;
	width:80px;
	overflow:hidden;
}
.profile-menu a.button-profile span{
	display:inline-block;
	width:80px;
	overflow:hidden;
}
.profile-menu ul {
	background-color: black;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	padding-bottom: 5px;
	display: none;
	z-index: 999;
	width: 107px;
	margin-left: 9px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top:26px;
}
.ie6 .profile-menu ul{left:-9px;}
.profile-menu ul li{
	float:left;
	
}
.profile-menu ul a:hover {
	color: white;
}
.profile-menu ul a {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	width: 90px;
	font-size:12px;
	color: #999;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
}
.user-nav .hover .button-profile{
	background-color: black;
	color: #00A5F0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
.user-nav .hover ul{
	display:block;
}

.head .content-block{height:180px; background:url(img/web_logo.png) no-repeat 0 0;}
.head .logo {float: left; }
.head .logo a {display: block;	height: 180px;	width: 250px;	text-indent: -999999px;}

.hidden {display:none;}
.login {display:none;}
.head .userbar{background:#d95338;float:right;box-shadow:0 1px 2px rgba(0,0,0,.2);line-height:100%;padding:3px}
.head .userbar a{color:#fff;cursor:pointer}
.head .login,.head .logout{border:1px dashed #eeb3a8;border-top:none;padding:6px 15px}
.head .logout{padding:8px 15px 10px}
.head a.username{font-weight:bold}
.head a.exit{color:#e79180;padding:0 10px 0 4px}
.head a.exit:hover{color:#fff}
.head .bti{opacity:0.7;display:inline-block;width:20px;height:20px;vertical-align:middle;_margin-left:6px}
.head a:hover .bti{opacity:1}
.head .message .bti{background:url(img/web_icon.png) no-repeat -80px 0}
.head .code .bti{background:url(img/web_icon.png) no-repeat -100px 0}
.head #logintop {margin: 0 10px 0 0;}
.head a.message, .head a.message:hover {text-decoration:none;}
.head #unread_messages_count{display:inline-block;position:absolute;font-size:10px;color:#fff;background:#fe8f00;font-weight:bold;margin:-5px 0 0 -10px;padding:0 2px 0 2px; box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:2px;}

/*joinus*/
.container-wrap{ float:left; width:760px;margin:20px 20px 0 0;display:inline-block;}
.ie6 .container-wrap{overflow:hidden;}
.joinus{background-color: #333;
color: #999;
padding: 20px;
border-radius: 5px;
margin-bottom: 20px;
position: relative; }

.joinus h3{font-size: 18px;
color: white;
margin: 0;
line-height: 28px;}
.joinus p{font-size: 13px;
line-height: 18px;
margin: 0;}

.joinus .attract_btn {
width: auto;
padding-left: 30px;
padding-right: 30px;
margin: 0;
position: absolute;
top: 20px;
right: 20px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 5px;
box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .3) inset, 0 2px 4px rgba(0, 0, 0, .2);
color: #fff;
display: block;
font-size: 16px;
font-weight: bold;
text-align: center;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
padding-top: 11px;
padding-bottom:14px;
background-color: #00a5f0;
-webkit-transition: background-color .2s linear 0;
-moz-transition: background-color .2s linear 0;
}
.joinus .attract_btn:hover {
box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 -3px 0 rgba(0, 0, 0, .3) inset, 0 0 10px rgba(255, 255, 255, .4) inset, 0 2px 4px rgba(0, 0, 0, .3);

background-color: #24bbff;
}
.joinus .attract_btn:active {
	background-color: #0082bd;
	top: 22px;
	box-shadow:none;
}
.joinus .attract_btn span {
font-size: 12px;
line-height: 12px;
margin-left: 8px;
font-weight: normal;
}

/* Menu, Search */

.menu-bar{position:fixed;border-top: 1px solid #333;border-bottom: 1px solid #333;background-image: -webkit-gradient(linear, left top, left bottom, from(#2C2C2C), to(#191919));background: -moz-linear-gradient(top, #2C2C2C, #191919); width:100%; top:0; left:0; z-index:9999;box-shadow: 0 1px 6px 0px #000;}
.no-css3 .menu-bar{background:url(img/menubarbg.jpg) center bottom repeat-x; background-color#191919;}
.ie6 .menu-bar{ position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}
.menu{ display:block; position:absolute; left:150px; top:0; z-index:10}
.menu ul li{text-align:center;font-size:21px;display:inline; width:90px;float:left;line-height:50px;text-shadow:0 1px 1px rgba(0,0,0,.2);}
.ie6 .menu-bar a{color:#999;}
.menu a{display:block;color:#999;font-weight:bold;font-size:14px;}
.menu a:hover{color:#ffffff}
.menu .menuout{width:90px;height:50px;overflow:hidden;cursor:pointer;padding:auto}
.menu .menuoutr{width:90px;height:40px;overflow:hidden;cursor:pointer;background:url("img/web_icon.png") no-repeat scroll 0 -48px transparent;padding:auto}
.menu .submenu{font-size:14px;background:url(img/web_icon.png) repeat-x 0 -657px; line-height:40px}
.menu .submenutitle{}
#highlight{font-weight:bold; color:#fff}
.logo_bg{background:url(img/logo.png) center center no-repeat;background-size: 100% auto;-webkit-background-size: 100% auto;-moz-background-size: 100% auto; display:block; width:150px; height:50px; text-indent:-9999px; overflow:hidden; position:absolute; left:10px; top:0;}


/* Left */
.main{ margin-top:52px;}
.main .baidu-sponsor {padding:0 0 20px 0;clear: both;}
.main .col1{width:760px;float:left;position:relative;-webkit-box-shadow: #999 0 1px 3px;background:#fff;overflow:hidden;-moz-box-shadow: #999 0 1px 3px;box-shadow: #999 0 1px 3px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; background-color:#fff}
.main .col1 .block{background-color:#fff;clear:both;padding: 18px 20px 30px; border-radius:5px;display:block;}
.lte7 .main .col1 .block{display:inline-block;width:720px;}
.main .col1 .shadow {height:10px;width:760px; overflow: hidden;background: url(img/line-bg.gif) bottom repeat-x;clear: both;}
.author img{height:30px;width:30px;vertical-align:middle;padding:0 10px 0 0;}
.thumb{margin:10px 0;}
.tags {margin:10px 0 0 0;}
.tags .bti{display:inline-block;width:20px;height:20px;background:url(img/web_icon.png) no-repeat -180px 0;vertical-align:middle}
.content{word-break:break-all;line-height:160%;}
.col1 .content a, .col1 .content a:hover {color: #503e2c;border-bottom:red dashed 1px; cursor:pointer;}
.col1 .recommend h3 {height:40px;width:114px;display:inline-block;background:url(img/web_icon.png) no-repeat 0 -59px;margin:15px 0;font-size:16px;text-align: center;line-height: 33px;color: #FFF;}

.hotmenu{width:760px;margin:0px 20px 0 0; float:left;background: #F4F4F4;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;height: 43px;box-shadow: 0 1px white inset, 0 -1px #DDD inset;-moz-box-shadow: 0 1px #fff inset, 0 -1px #ddd inset;-webkit-box-shadow: 0 1px white inset, 0 -1px #DDD inset;}
.hotmenu ul{ float:left}
.hotmenu ul li{ float:left; position:relative;}
.hotmenu ul li:nth-child(1) a{ border-radius:5px 0 0 0}
.hotmenu ul li a{display: block;text-shadow: 0 1px 0 white;font-size: 13px;font-weight: bold;line-height: 20px;padding: 11px 20px 12px 20px;border-right: 1px solid white;box-shadow: -1px 0 #DDD inset;-webkit-box-shadow: -1px 0 #DDD inset;-moz-box-shadow: -1px 0 #ddd inset;color: #86AEBE;}
.hotmenu .current{color: #009AD9;background-color: #FBFBFB;}
.hotmenu ul li a:hover{color:#24BBFF}
.hotmenu ul li .menugrounp .menuitem{padding:11px 0; text-align:center; background-color:#666; color:#eee; display:none; width:69px; text-shadow:0 1px 0 #000 ;-webkit-text-shadow:0 1px 0 #000;-moz-text-shadow:0 1px 0 #000;}
.hotmenu .menugrounp{ position:absolute; top:43px; left:-1px}
.hotmenu ul .menuover .menugrounp .menuitem{ display:block;}
/* vote button */

.bar{margin:15px 0 0 0;}
.btn_zan{
	float:left;
}
.btn_sns{
	float:right;
}
.up,.down,.comment,.detail,.bar a{float:left;display:block;height:28px;line-height:28px;width:80px;text-indent:36px;}
.bar a{border-radius:5px;border:1px solid #dfd5cb;color:#9e8c7b;background-color:#FFF;}
.bar a:hover{background-color:#FFF;border-radius:5px;border:1px solid #bfb1a3;box-shadow:0 1px 2px #e1e1e1;}
.bar a:active,.bar .voted,.bar a.voted:hover,.bar a.voted:active{background-color:#f3efe7;border-radius:5px;border:1px solid #cabdb0;box-shadow:0 1px 2px #d6c9bc inset;color:#bf4131;}
.bar .voted,.bar a.voted:hover,.bar a.voted:active{cursor:default;text-decoration:none;}
.up a{width:80px;background-image:url(img/web15.png);background-repeat:no-repeat;background-position:0 0;}
.up a:hover{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:0 -30px;}
.up a:active,.up .voted,.up a.voted:hover,.up a.voted:active{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:0 -60px;}
.down a{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-80px 0;}
.down{margin-left:10px;}
.down a:hover{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-80px -30px;}
.down a:active,.down .voted,.down a.voted:hover,.down a.voted:active{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-80px -60px;}
.comment a{width:80px;background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-160px 0;}
.comment a:hover{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-160px -30px;}
.comment a:active{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-160px -60px;}
.detail {width:30px;margin-left:10px;}
.detail a{width:30px;background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-240px 0;text-indent:0;}
.detail a:hover{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-240px -30px;}
.detail a:active{background-image:url(img/web15.png);background-repeat:no-repeat;background-position:-240px -60px;}

#vote-ani{line-height:0;position:absolute;display:none;font-weight:700;margin:0;padding:0;}
#vote-ani.pos{color:red;}
#vote-ani.neg{color:blue;}






/* comments */

.comments{font-size:12px;line-height:18px;border-top-width:2px;border-top-style:solid;border-top-color:#dfd5cb;margin:20px 0 0}
.comment-block{border-bottom:1px dotted #dfd5cb;padding:10px 0;}
.comment-block .avatar{width:35px;float:left;}
.comment-block .avatar img{height:20px;width:20px;}
.comment-block .reply{width:608px;float:left; word-break:break-all;}
.comment-block .report{width:60px;float:left;text-align:right;color:#d7d0c6;}
.comment-block a.link{visibility:hidden;}
.comment-block:hover a.link{visibility:visible;}
.input-block{clear:both;padding:20px 0 0;}
.input-block textarea{width:708px;height:28px;font-size:12px;padding:5px;color:#54412E;}
.input-block textarea.original {color:#999;}
.input-block .row {padding:10px 0 0 0;height:37px;line-height:35px;}
.comments .login-block a, .comments #comment_submit, .comments #reply_submit{width:72px;height:30px;line-height:30px;margin:0 10px 0 0;}
.comments .login-block input {width:100px;padding:5px;margin:0 10px 0 0;}

/* User  */
.userlogin a{float: left;display: block;margin: 0 15px 0 0;}
.comment-block .anomynous {color:#9b8878;}
.comment-block .hostname a, .comment-block .hostname a:hover{color:#bf4131;}
.comment-block .manager {color:black;font-weight:bold;}
.comment-block .spam {color:#bbb;}

/* Next Pages */

.pagebar{margin:10px 20px;}
.pagebar a, .pagebar .current, .pagebar .dots, .pagebar a.next{height:35px; line-height:35px;color:#6a5c4c;display:inline-block;vertical-align: middle;padding:0 5px; }
.pagebar .prev .bti{height:20px;width:20px;background:url(img/web_icon.png) no-repeat;display:inline-block; margin:7px 0 0 0;}
.pagebar .prev .bti{background-position:-140px 0}
.pagebar .current {	font-weight:bold;border:1px dashed #ad956f;background:#e8e0d1;}
.pagebar a:hover {background:#e3d9c7;}


/* Right */
/* .block .content a {cursor:pointer;}
.main .col2{float:left;width:300px;position:relative;margin:20px 0;}
.main .col2 .shadow{background:url(img/web_icon.png) no-repeat 0 -260px;height:20px;width:240px;margin:0 0 0 60px;}
.main .col2 .sponsor{background-color:#fff;}
.main .col2 a:hover {color:#d95338;}
.main .col2 h3{	line-height:100%;padding:10px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#ece5d8;}
.main .col2 .content {padding:10px;}

.microblog, .tagsblock, .sitelink, .appblock{background-color:#fff;}
.tagsblock a{display:inline-block;margin:0 4px 0 0;}
.sitelink a {display: inline-block;	width:48%;}
.col2 .microblog .content {padding:10px 5px;}
.microblog a{width:24%;display:inline-block;text-align:center;}
.microblog span{display:block;height:29px;width:57px;background:url(img/web_icon.png) repeat-x -152px -139px;line-height:33px;margin:0 auto;color:#cc6600;font-size:16px;}
.microblog span em {font-size: 12px;}

#box{float:left; position:relative; width:300px;}
.div1{}
.div2{position:fixed;_position:absolute;top:0;z-index:300;}

.smartphone {width:300px;height:80px;background:#fff;overflow: hidden;}
.smartphone ul {padding:0px; margin:0px;}
.smartphone ul li{float:left; list-style:none; }
.smartphone ul li.select{display:block;}
.smartphone .imgnum{position:relative;float:right;margin:-16px 0 0 0; margin-top:-14px\9; _margin-top:-18px;}
.smartphone .imgnum span{font-size:12px; color:#FFF; cursor:pointer; background-color:#999;	padding:0 6px;}
.smartphone .imgnum span.onselect{background-color:#ff9900;}

.toolbar{clear:both;width:300px;background:#fff;text-shadow:0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(0,0,0,.3);
background: linear-gradient(top,#fff,#f4efe7);
background: -moz-linear-gradient(top,#fff,#f4efe7);
background: -o-linear-gradient(top,#fff,#f4efe7);
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4efe7));
background: -webkit-linear-gradient(top,#fff,#f4efe7);}
.toolbar a {display:inline-block; width:49%;padding:10px 0; text-align:center;}
.toolbar .back {border-right-width:1px; border-right-style:solid; border-right-color:#ebe9e4;} */
/* Right */

.main .col2{float:left;width:300px;position:relative;margin:20px 0;}
.main .col2 .shadow{height:20px;width:240px;margin:0 0 0 60px;}
.main .col2 .sponsor{background-color:#fff;}
.main .col2 a:hover {color:#d95338;}
.main .col2 h3{	line-height:100%;padding:5px 0 10px 0; font-weight:bolder; font-size:14px;}
.main .col2 .content {padding:10px;}

.message-block {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #EEE;
color: #666;
margin-bottom: 20px;
padding: 12px 15px 15px;
width: 268px;
border: 1px solid #BBB;
box-shadow: 0 1px #EEE, 0 0 0 1px white inset;
-moz-box-shadow: 0 1px #eee, 0 0 0 1px #fff inset;
-webkit-box-shadow: 0 1px #EEE, 0 0 0 1px white inset;
text-shadow: 0 1px white;
position: relative;
}
.message_seg{padding-top: 10px;
border-top: 1px solid #CCC;
box-shadow: 0 1px white inset;
-moz-box-shadow: 0 1px #fff inset;
-webkit-box-shadow: 0 1px white inset;}
.gotop{ width:300px;padding:0}
.tagsblock a{display:inline-block;margin:0 4px 0 0;}
.sitelink a {display: inline-block;	width:48%;}

.col2 .microblog .webchat{width:102px;padding:6px 8px 10px 10px;display:block;float:left;line-height:20px;color:#515151;text-align:center}
.col2 .microblog .webchat span{display:block;width:76px;height:76px;margin:0 auto 4px;background:url("img/ma.png") ;text-indent:-99999px}
.col2 .microblog .webchat span:hover:after{display:block;width:304px;height:443px;content:"";position:relative;z-index: 1001;margin:-241px 0 0 -278px;background:transparent url("img/web27.png?v=20121121") no-repeat 0 0}
.col2 .microblog .other{width:160px;padding:10px;display:block;float:left}
.col2 .microblog .other li{clear:both}
.col2 .microblog .other li a{line-height:24px}
.col2 .microblog .other li p{display:block;float:left;width:64px;height:24px;padding:0 8px;background:#8bb2cc;margin:0 0 8px;border-radius:2px}
.col2 .microblog .other li a p{color:#fff}
.col2 .microblog .other li a:hover p{background:#709ab6}
.col2 .microblog .other li em{display:block;float:left;width:76px;text-align:right}
.col2 .microblog .other li a em{color:#8b8b8b}
.col2 .microblog .other li a:hover em{color:#515151}

.col2 .tagsblock{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #EEE;
	margin-bottom: 20px;
	width: 298px;
	border: 1px solid #BBB;
	box-shadow: 0 1px #EEE, 0 0 0 1px white inset;
	-moz-box-shadow: 0 1px #eee, 0 0 0 1px #fff inset;
	-webkit-box-shadow: 0 1px #EEE, 0 0 0 1px white inset;
	overflow:hidden;
}

#box{float:left; position:relative; width:300px;}
.div1{border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #EEE;
color: #666;
margin-bottom: 20px;
border: 1px solid #BBB;
box-shadow: 0 1px #EEE, 0 0 0 1px white inset;
-moz-box-shadow: 0 1px #eee, 0 0 0 1px #fff inset;
-webkit-box-shadow: 0 1px #EEE, 0 0 0 1px white inset;
text-shadow: 0 1px white; overflow:hidden
}
.div2{position:fixed;_position:absolute;top:60px;z-index:300;}
.smartphone {width:298px;height:80px;background:#fff;overflow: hidden;}
.smartphone ul {padding:0px; margin:0px;}
.smartphone ul li{float:left; list-style:none; }
.smartphone ul li.select{display:block;}
.smartphone .imgnum{position:relative;float:right;margin:-16px 0 0 0; margin-top:-14px\9;_margin-top:-18px;}
.smartphone .imgnum span{font-size:12px; color:#FFF; cursor:pointer; background-color:#999;	padding:0 6px;}
.smartphone .imgnum span.onselect{background-color:#ff9900;}
.toolbar{clear:both;
background: linear-gradient(top,#fff,#f4efe7);
background: -moz-linear-gradient(top,#fff,#f4efe7);
background: -o-linear-gradient(top,#fff,#f4efe7);
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4efe7));
background: -webkit-linear-gradient(top,#fff,#f4efe7);}
.toolbar a {display:inline-block; width:49%;padding:10px 0; text-align:center;}
.toolbar .back {border-right-width:1px; border-right-style:solid; border-right-color:#ebe9e4;}
/* Foot */

.foot{clear:both; background: #333;text-align:center; padding:15px 0 0 0; height:50px; margin-top:20px}
.copyright {padding: 5px 0 0 0;color: #999;}
.copyright a {color: #666;}
.copyright a:hover{	color: #666;text-decoration: underline;}

/* New Post */
.new_article textarea.original{ color:#999; }
.new_article .tagbox,.new_article .buttonbox,.new_article .picbox,.new_article .optionbox{padding:10px 0 0 0; font-size:12px}
.new_article .tagbox label,.new_article .picbox label,.new_article .optionbox label{display:block;float:left;width:50px; }
.new_article .buttonbox input {display:inline-block;width:80px;height:30px;text-align:center;}
.postsuccess{line-height:180%;min-height: 300px;}
.postsuccess h2{font-size:32px;padding:20px 0;}
.postsuccess strong{color:#F63;font-size:18px;}
 
/* Tag Cloud */

#tagcloud span a{line-height:38px;text-decoration:none;}
#tagcloud span{padding-right:3px;}
.tag_level1 a{color:#fff;font-size:38px;font-weight:700;background:#91c21c;}
.tag_level2 a{font-size:28px;color:#f79e1c;padding:1px;}
.tag_level3 a{font-size:20px;}
.tag_level4 a{font-size:14px;}

/* Pop-up login, register */

#login-form{top:50%;left:50%;z-index:1002;box-shadow:0 4px 16px rgba(0,0,0,.6);width:540px;display:none;}
#login-form .col1{float:left;width:250px;height:235px;background:#fff;padding:25px;}
#login-form .col1 .inputbox{height:156px}
#login-form .col1 .inputbox label{display:block;line-height:100%;padding:0 0 8px}
#login-form .col1 .inputbox input{vertical-align:middle;font-size:18px;width:94%;margin:0 0 15px;padding:5px}
#login-form .col1 .error {outline:none;	border:1px solid #e60012;background: url(img/web_icon.png) no-repeat 0px -109px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;}

#login-form .col1 .optionbox{float:left}
#login-form .col1 button{float:right;width:72px;height:38px;line-height:38px;_height:33px;_line-height:33px;}

#login-form .col2{float:left;width:189px;background:#f7f5f2;height:235px;padding:25px;border-left:1px dashed #d6cab7;}
#login-form .col2 .intro{height:156px;line-height:170%}
#login-form .col2 .intro a{color:#503e2c;text-decoration:underline}
#login-form .col2 a.button{width:70px;height:36px;line-height:36px;}

#login-form a.close,#suggest-form a.close, #report-form a.close{display:block;height:45px;width:45px;position:absolute;cursor:pointer;}
#login-form a.close {margin:0 0 0 495px;}
#suggest-form a.close {margin:0 0 0 495px;}
#report-form a.close {margin:0 0 0 105px;}
#login-form .close .bti,#suggest-form .close .bti, #report-form .close .bti{height:20px;width:20px;display:inline-block;background:url(img/web_icon.png) no-repeat -120px 0;opacity:0.55;position:relative;margin:12px;}
#login-form a.close:hover .bti,#suggest-form a.close:hover .bti, #report-form a.close:hover .bti{opacity:1}

/* Pop-up suggest, report */

#suggest-form{top:50%;left:50%;z-index:1002;box-shadow:0 4px 16px rgba(0,0,0,.6);width:540px;background:#fff;display:none;}
#suggest-form .form-block{padding:20px;line-height:160%;}
#suggest-form .form-block textarea{width:96%;font-size:14px;height:100px;margin:0 0 8px;padding:5px}
#suggest-form h1,#login-form h1{font-size:18px;font-weight:700;margin:0 0 15px}
#suggest-form button{width:56px;height:30px;line-height:30px;}

#report-form{position:absolute;z-index:1000;top:0;left:0;width:150px;box-shadow:0 2px 4px rgba(0,0,0,.2);background:#fff;border:1px solid #cbcbcb;display:none;}
#report-form .form-block{padding:20px;line-height:140%;}
#report-form strong{font-weight:bold;display:block;margin:0 0 8px}
#report-form .form-block label{display:block;cursor:pointer}
#report-form button {margin:6px 0 0;width:56px;height:30px;}

.brown, #report-form button, #suggest-form button, .comments .login-block a, .comments #comment_submit, .comments #reply_submit, #login-form .col1 button{font-size:14px;font-weight:bold;text-align:center;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
text-shadow: 0 -1px rgba(0, 0, 0, .2); background-color:#00A5F0;
border-radius:3px;cursor:pointer;display:inline-block;}
.brown:hover, #report-form button:hover, #suggest-form button:hover, .comments .login-block a:hover, .comments #comment_submit:hover, .comments #reply_submit:hover, #login-form .col1 button:hover{background-color:#24BBFF;border: 1px solid #24BBFF;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, 0 1px 1px rgba(0,0,0,0.2);}

.brown:active, #report-form button:active, #suggest-form button:active, .comments .login-block a:active, .comments #comment_submit:active, .comments #reply_submit:active, #login-form .col1 button:active{background-color:#24BBFF;border: 1px solid #24BBFF;box-shadow:0 2px 1px rgba(0,0,0,0.1) inset}

.bule, #login-form .col2 a.button{font-size:14px;font-weight:bold;text-align:center;color:#FFF;background:#6ba1fa;background:-moz-linear-gradient(top, #6ba1fa, #417bd8);background:-webkit-linear-gradient(top,#6ba1fa,#417bd8);border:1px solid #417bd8;border-radius:3px;cursor:pointer;display:inline-block;}
.bule:hover, #login-form .col2 a.button:hover{background:#80b5fb;background:-moz-linear-gradient(top, #80b5fb, #599df2);background:-webkit-linear-gradient(top,#80b5fb,#599df2);border:1px solid #417bd8;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.bule:active{background:#4787ed;border:1px solid #417bd8;box-shadow:0 1px 2px rgba(0,0,0,.2) inset;}

/* tip-twitter */

.tip-twitter {	z-index:1000;text-align:left;padding:5px 10px;max-width:300px;font-size:12px;color:#fff;line-height:18px;background-color:#333;}
.tip-twitter a, .tip-twitter .anomynous {	color: #CCC;}
.tip-twitter .tip-arrow-top {margin-top:-5px;margin-left:-5px;top:0;left:50%;width:9px;height:5px;background:url(img/web_icon.png) no-repeat 0 -100px;}
.tip-twitter .tip-arrow-right {margin-top:-4px;margin-left:0;top:50%;left:100%;width:5px;height:9px;background:url(img/web_icon.png) no-repeat -9px -100px;}
.tip-twitter .tip-arrow-bottom {margin-top:0;margin-left:-5px; top:100%;left:50%;width:9px;height:5px;background:url(img/web_icon.png) no-repeat -18px -100px;}
.tip-twitter .tip-arrow-left {margin-top:-4px;margin-left:-5px;top:50%;left:0;width:5px;height:9px;background:url(img/web_icon.png) no-repeat -27px -100px;}
.tip-twitter .clearfix .reply{float:none;padding:5px;}
.tip-twitter .clearfix .avatar{	display:none;}
html>body tip-twitter .clearfix .reply{width:auto;}
.tip-twitter .report{display:none;}

/*  History */

.history-block{background:#FFF;width:300px;}
.history-block .month {padding:10px;background:#77b8ee;box-shadow:0 2px 1px rgba(0,0,0,0.1);color:#fff;}
.history-block .month select{font-size:14px;}
.history-block .week{font-size:10px;color:#7d7d7d;padding:0 10px;}
.history-block .week span{height:26px;width:40px;text-align:center;line-height:26px;display:inline-block;}
.history-block .day {padding:0 0 10px 10px;}
.history-block .day a{float:left;height:24px;width:40px;line-height:24px;text-align:center;color:#503e2c;border-radius:4px;}
.history-block .day a:hover{background:#ebebeb;color:#000;}
.history-block .day a.today{color:#fff;background:#77b8ee;font-weight:bold;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;}
.history-block .day .on,.history-block .day .off{background:#fff}
.history-block .day .off a, .history-block .day .noart{color:#ebebeb;cursor:default;}
.history-block .day .off a:hover{color:#503e2c;cursor:default;}

.col1 .history-nv{background:#fff;padding:15px; font-size:16px;}
.col1 .history-nv .post-number{background-color:#77b8ee;color:#FFF;font-weight:bold;padding:2px 10px 2px 9px;margin:0 6px;border-radius:40px;text-shadow:0 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 0 rgba(0,0,0,0.2) inset;}


/*  sign in */

.sign {}
.sign .logo {	padding: 80px 0 10px 0; }
.sign .logo a{background:url(img/web_icon.png) no-repeat 0 -188px;height: 72px;width:250px;display:block;margin: 0px auto auto;}
.sign .block {width: 250px;padding:20px;margin:0 auto;text-shadow:0 1px 0 rgba(255,255,255,.6);}
.sign .note {	line-height: 180%;	margin: 20px 0 0 0;	text-align: center;}
.sign .note a {	text-decoration: underline;}
.sign #reginfo {display:none;}

.sign label , .sign #remember_me {display: none;}
.sign input { padding:9px;width:230px;font-size:14px;margin:0 0 15px 0;}
.sign #password, .sign #user_password_confirmation {font-family: Verdana, Geneva, sans-serif;}
.sign input:-moz-placeholder { color: #e6dfd5; }
.sign input::-webkit-input-placeholder{ color:#e6dfd5; }
.sign .placeholder {color: #e6dfd5;}
.sign button, .sign .notify-success a {font-size:14px;padding:9px;width:100%;background-color:#f1ede3; display: inline-block; border-radius:4px;box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 1px rgba(0,0,0,0.05);border: 1px solid #b6a391;cursor:pointer;	color:#503e2c;text-shadow:0 1px 0 rgba(255,255,255,1);}
.sign button:hover, .sign .notify-success a:hover {color:#814d1a;background-color:#feda71;border: 1px solid #d6982f;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, 0 1px 1px rgba(0,0,0,0.2);}
.sign button:active, .sign .notify-success a:active {box-shadow:0 2px 1px rgba(0,0,0,0.1) inset}
.sign .notify-success a {width:40%;}

.sign .notify-error{color:#ff3a00;text-align: center;margin:0 0 20px 0;}
.sign .notify-success {background-color:#ece5d8;position:absolute;z-index:1000;display:block;width:250px;height:310px;padding:60px 100px 0 0;font-size:14px;text-align:center;}
.sign .notify-success p {line-height:160%;margin:0 0 20px 0;}
.sign #insertinvitation_code, .sign #insertlogin, .sign #insertemail, .sign #insertp1, .sign #insertp2 {display:block; color:#9b8878; font-size:12px;clear:right; float:right; position:absolute; margin:-42px 0 0 260px;
_margin:9px 0 0 9px; /* for IE6 */ }
.sign .verifi-success, .sign .verifi-failed {display:inline-block; vertical-align:middle; height:20px; width:20px; margin:0 4px 0 0;}
.sign .verifi-success {background:url(img/web_icon.png) no-repeat -200px 0;}
.sign .verifi-failed {background:url(img/web_icon.png) no-repeat -220px 0;}
.sub_btn{
font-size: 12px;
font-weight: bold;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
text-align: center;
min-width: auto;
cursor: pointer; background-color:#00A5F0;}
.sub_btn:hover{background-color:#24BBFF;border: 1px solid #24BBFF;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset, 0 1px 1px rgba(0,0,0,0.2);}
.sub_btn:active{box-shadow:0 2px 1px rgba(0,0,0,0.1) inset}

.main .col1 .block .detail1{display:none;position: relative;height:0;font-size:0;line-height:0;}
.main .col1 .block:hover .detail1 {
    display:block;
}
.detail1 a {
    background: url("img/web_icon.png?v=20120715") no-repeat scroll -80px -810px transparent;
    height: 30px;
	display:block;
    position: absolute;
    width: 30px;
    z-index: 20;
	right: -20px;
	top: -18px;
}
.detail1 a:hover {
    background: url("img/web_icon.png?v=20120715") no-repeat scroll -80px -840px transparent;
}

.addcontent{
	width:520px;line-height:20px;height: 160px;font-size: 14px;
}
.addinput{
	height:25px;width:200px;margin:10px 0;
}
.addselect{
	background:white;border:1px solid #69C;padding:5px 20px;margin-right:10px;
}
.addshow{
	height:25px;width:200px;margin:5px 0;
}
.fleshverify{
	border-bottom:1px dashed gray;padding-bottom:1px;color:#174B73;text-decoration:none;
}
#verifyImg{
	cursor:pointer;vertical-align: middle;margin-left:10px;
}
.addbutton{
	padding:5px 20px;margin:20px 30px 20px 40px;
}
/*	�鿴ͼƬ		*/


.ui-artZoom img { -ms-interpolation-mode:bicubic;  }
.ui-artZoom-toolbar { height:26px; line-height:26px; padding:5px 0; }
.ui-artZoom-buttons { display:inline-block; *display:inline; *zoom:1; height:26px; line-height:0; margin-right: 5px; border-radius: 5px; transition:box-shadow linear .2s; -moz-transition: -moz-box-shadow linear .2s; -webkit-transition:-webkit-box-shadow linear .2s; outline: none; }
.ui-artZoom-buttons:hover { -webkit-box-shadow:0 0 3px rgba(29, 79, 132, .2); box-shadow:0 0 3px rgba(29, 79, 132, .2); }
.ui-artZoom-buttons:hover a { border-color:#ABABAB; }
.ui-artZoom-loading { color:#808080; font-size:12px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); }
.ui-artZoom-buttons a { display: inline-block; padding: 5px 8px; font: 12px/1.11 "Microsoft Yahei", Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; _font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../css/img/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; position: relative; zoom: 1; *display: inline; *vertical-align: middle; -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
.ui-artZoom-buttons a:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
.ui-artZoom-buttons a:active { top: 1px; background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
.ui-artZoom-noLoad a.ui-artZoom-left,
.ui-artZoom-noLoad a.ui-artZoom-right { background-position: 0 0; border-color:#CACACA; color: #999; cursor:default; text-shadow: 1px 1px 0 #FFFFFF; filter: Alpha(opacity=50); opacity:.5; }
.ui-artZoom-ready .ui-artZoom-loading  span { width:5px; overflow:hidden; visibility:hidden; }

a.ui-artZoom-left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.ui-artZoom-right { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.ui-artZoom-source { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.ui-artZoom-left:active,
a.ui-artZoom-right:active,
a.ui-artZoom-source:active { top: 0px }
.ui-artZoom-buttons a span { display: inline-block; width: 12px; height: 12px; margin: auto 3px auto auto; position: relative; top: 0; *top: 0px; background-image: url('../css/img/icons.png'); background-repeat: no-repeat; *font-size:0; vertical-align:middle; }
.ui-artZoom-hide { display:none !important; }
a.ui-artZoom-right span, .ui-artZoom-noLoad .ui-artZoom-buttons a.ui-artZoom-right span { background-position:0 -0; }
a.ui-artZoom-left span, .ui-artZoom-noLoad .ui-artZoom-buttons a.ui-artZoom-left span { background-position:-12px 0; }
a.ui-artZoom-source span { background-position:-24px 0; }
a.ui-artZoom-right:hover span,
a.ui-artZoom-right:active span { background-position:0 -12px; }
a.ui-artZoom-left:hover span,
a.ui-artZoom-left:active span { background-position:-12px -12px; }
a.ui-artZoom-source:hover span,
a.ui-artZoom-source:active span { background-position:-24px -12px; }
.ui-artZoom-show { background:transparent; border:3px solid #FFF!important; border-radius: 3px; }
.ui-artZoom-ready .ui-artZoom-photo { font-size:0; line-height:0; border:1px solid #D6D6D6;  border-radius: 3px; box-shadow:1px 1px 3px rgba(0, 0, 0, .1); }
/*.reg{background:url(img/web_icon.png) repeat-x 0 -895px;height:138px;width:290px;}*/
.userbar{float: right;}
.lte7 .userbar{float: right; width:220px;height:50px;}
.userpl{ padding:15px 0px 15px 32px;}
.split {border-left: 1px solid black;border-right: 1px solid #383838;display: inline-block;float: left;height: 30px;margin: 10px 15px;}

.entry-content{border: 1px solid #DDD;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding:10px; margin:10px 0 0 0 ;background: #F4F4F4;}
.entry-float{width: 260px;float: right;text-shadow: 0 1px 0 white;}
.entry-info{padding-left: 14px;}
.entry_top_a {line-height:15px;background:url(img/box.gif) no-repeat;padding-left:10px;font-size:12px}
.entry_top_b {background:#FBFBFB url(img/box.gif) no-repeat top right;padding-right:6px}
.entry_top_c {line-height:6px;background:#FBFBFB;border-top:1px solid #DFDFDF;border-bottom:5px solid #FBFBFB}
.entry_mid_a {margin-left:6px;background:#FBFBFB;border-left:1px solid #DFDFDF;border-right:1px solid #DFDFDF}
.entry_mid_b {background:#FBFBFB;padding:1px 13px}
.entry_bot_a {line-height:5px;background:url(img/box.gif) no-repeat left bottom;font-size:5px}
.entry_bot_b {background:url(img/box.gif) no-repeat right bottom}
.entry_bot_c {margin:0px 4px 0 10px;line-height:3px;background:#FBFBFB;border-bottom:1px solid #DFDFDF;border-top:1px solid #FBFBFB}
.entry-info .author{margin-bottom: 3px;}
.entry-info .author a{color: #666;font-size: 14px;line-height: 1.5em;word-wrap: break-word;word-break: break-all;}
.entry-info .author div{color:#999}
.entry-info .author div a{color: #009AD9;}
.entry-info .author a:link, .entry-content .author a:visited {color: #444;text-decoration: none;font-size: 14px;font-weight: normal;}
.entry-info .author a:active, .entry-info .author a:hover {color: #666;}

@media (max-width: 1100px) {
	.content-block{
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding:0 1%;
	}
	.container-wrap{
		margin-right:1.8%;
		width:70.2%;
	}
	.searchbar_wrapper{
		width:100%;
	}
	.search_wrapper{
		width: 70%;
	}
	.sitebar_search_header{
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.main .col1{
		width:100%
	}
	.main .col2{
		width:27.8%;
	}
	.hotmenu{
		width:100%;
	}
	.message-block{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;

	}
	.message-block iframe,.tagsblock iframe{
		width: 100%;
	}
	.tagsblock{
		width: 100%;
		overflow:hidden;
	}
	#box{
		width:100%;
	}
	.main .col1 .shadow{
		width:100%;
	}
}
@media (max-width: 767px){
	body{
		overflow-x:hidden;
	}
	.split{ display:none;}
	.content-block{
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding:0 1%;
	}
	.container-wrap{
		margin:20px 0 0 0;
		width:100%;
	}
	.menu-bar .content-block{height:auto;}
	.main .col1{
		width:100%
	}

	.main .col2{
		width:100%;
	}
	.main .col1 .shadow{
		width:100%;
	}
	.search_wrapper{
		width: 90%;
	}
	.hotmenu{
		width:100%;
	}
	.detail1{
		position: relative;
	}
	.detail1 a{
		right: -20px;
		top: -18px;
	}
	.btn-navbar {
		position: absolute;
		top:10px;
		right:0;
		display:block;
		float: right;
		padding: 8px 10px;
		margin-right: 5px;
		margin-left: 5px;
		border-radius: 4px;
		background-color: #0e0e0e;
		background-image: -moz-linear-gradient(top, #151515, #040404);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
		background-image: -webkit-linear-gradient(top, #151515, #040404);
		background-image: -o-linear-gradient(top, #151515, #040404);
		background-image: linear-gradient(to bottom, #151515, #040404);
		background-repeat: repeat-x;
		border: 1px solid #cccccc;
		border-color: #040404 #040404 #000000;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		-webkit-transition: background-position 0.1s linear;
		-moz-transition: background-position 0.1s linear;
		-o-transition: background-position 0.1s linear;
			transition: background-position 0.1s linear;

	}
	.btn-navbar:hover,
	.btn-navbar:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
	}


	.btn-navbar .icon-bar {
		display: block;
		width: 18px;
		height: 2px;
		background-color: #f5f5f5;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		margin-top:2px;
	}
	.user-nav{
		margin-right: 50px;
	}
	.menu{
		display:block;
		height:0px;
		width:100%;
		left:0px;
		position: relative;
		overflow:hidden;
		-webkit-transition: height 300ms linear;
		-moz-transition: height 300ms linear;
		-o-transition: height 300ms linear;
			transition: height 300ms linear;

	}
	.menu ul{padding:20px 0;overflow:hidden;}
	.menu ul .menuout{
		width:100%;
		text-align:left;
		text-indent:2em;
		padding:1px 0;
		height:auto;
		
	}
	.menu ul .menuout #highlight{
		background-color: #111111;
		border-radius: 5px;
		
	}
	.menu ul .menuout a{line-height:42px;}
	.menu ul .menuout a:hover,
	.menu ul .menuout a:focus {
		border-radius: 5px;
		background-color: #111111;
		color: #fff;
		text-decoration: none;
		-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
			-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
				box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		}

}
@media (max-width: 480px) {
		.joinus h3,.joinus p{
		display:none;
		}
		.joinus .attract_btn{
			position: static;
			margin-bottom:0;
		}
		.hotmenu ul li a{
			padding:11px 15px 12px 15px;
		}
		.addbutton{
			width:100%;
			margin:10px 0;
			font-size:14px;
			height:50px;
			-webkit-appearance:none;
		}
		.btn_zan{
		float:left;
		width:100%;
		}
		.btn_sns{
		float:left;
		width:100%;
		margin-top:20px;
		}
		.down{
			float:right;
		}
		.detail{
			float:right;
		}
		.logo_bg{
			width: 31.25%;
		}
		#login-form{
			width:100%;
		}
		#login-form .col1{
			width:100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			height:auto;
			
		}
		#login-form .col2{
			width:100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			border:none;
			height:171px;
		}
		#login-form .col2 .intro{
			height: auto;
			line-height: inherit;
		}
		#login-form .col1 .inputbox input{
			width:100%;
		}
		#login-form a.close{
			width:100%;
			margin:0;
		}
		#login-form .close .bti{
			right:0;
			position: absolute;
		}
		.artZoom{
			max-width:100%;
			height:auto;
		}

}